*{
	margin: 0px;
	padding: 0px;
}
.container{
	width: 1180px;
	margin: 0 auto;
}
/*导航*/
.yftHead{
	width: 100%;
	height: 38px;
	background-color: #F6F8F7;
	
}
.yefPesion{
	float: left;
	width: 110px;
	font-size: 12px;
	line-height: 38px;
	position: relative;
	text-align: center;
}
.yefPesion .yefPesion-ul{
	width: 342px;
	height: 231px;
	background-color: white;
	border: 1px solid #e7e7e7;
	border-top: 0px;
	border-left: 0px;
	position: absolute;
	z-index: 200;
}
.yefPesion .yefPesion-ul li{
	float: left;
	width: 68px;
	height: 27px;
	line-height: 27px;
	margin-top: 4px;
	text-align: center;
}
.yefPesion .yefPesion-ul li:hover{
	background-color: gainsboro;
}
.yftContainer .yefPesion-ul2{
	float: right;
	height: 38px;
}
.yftContainer .yefPesion-ul2 li{
	float: left;
	line-height: 38px;
	margin: 0px 20px;
}
.yftContainer .yefPesion-ul2 .a1{
	float: left;
	line-height:38px ;
	color: darkgray;
}
.yftContainer .yefPesion-ul2 .lis:hover{
	color: black;
}
.yftContainer .yefPesion-ul2 .lis span:hover{
	color: #ff6700;
}
.yftContainer .yefPesion-ul2 .lis1{
	margin: 0px;
	width: 104px;
	text-align: center;
}
.yftContainer .yefPesion-ul2 .lis1:hover{
	background-color: white;
	color: #FF6700;
}
.yftContainer .yefPesion-ul2 .lis2{
	margin: 0px;
	width: 110px;
	text-align: center;
	border: 1px solid #F6F8F7;
}
.yftContainer .yefPesion-ul2 .lis2:hover span{
	
	color: #ff6700;
}
.yftContainer .yefPesion-ul2 .lis2:hover{
	background-color: white;
	border: 1px solid #e7e7e7;
	
}
.yftContainer .yefPesion-ul2 .lis3{
	margin: 0px;
	width: 125px;
	text-align: center;
	border: 1px solid #F6F8F7;
}
.yftContainer .yefPesion-ul2 .lis3:hover{
	background-color: white;
	border: 1px solid #e7e7e7;
	border-bottom: 0px;
	color: #FF6700;
}
.yftContainer .yefPesion-ul2 .lis4{
	margin: 0px;
	width: 68px;
	text-align: center;
	border: 1px solid #F6F8F7;
}
.yftContainer .yefPesion-ul2 .lis4:hover{
	background-color: white;
	border: 1px solid #e7e7e7;
	border-bottom: 0px;
	color: #FF6700;
}
.lis2-ul{
	background-color: white;
	position: absolute;
	margin-left: -1px;
	width: 110px;
	height: 118px;
	border: 1px solid gainsboro;
	border-top: 0px;
}
.lis2-ul li:hover{
  color: #ff6700;
}


.lis3 div{
	width: 333px;
	height: 112px;
	border: 1px solid gainsboro;
	border-top: 0px;
	border-left: 0px;
}
.nav-list{
	box-sizing: border-box;
	padding-top: 10px;
	background-color: white;
	
}
.nav-list .nav-list-p{
	color: grey;
	margin-top: 10px;
	text-align: left;
	margin-left: 20px;
}
.nav-list .nav-list-p1{
	width: 120px;
	height: 25px;
	background-color: #FF6700;
	line-height: 25px;
	text-align: center;
	font-size: 14px;
	border-radius: 5px;
	margin-left: 195px;
	margin-top: 18px;
}
.yftSearch{
	float: left;
	margin-top: 25px;
	margin-left: 100px;
	width: 437px;
	height: 64px;
}
.yftSearch .yftSearch-1 p{
	float: left
}
.yftSearch .yftSearch-1-1{
	width: 52px;
	height: 27px;
	background-color: #ff6700;
	color: white;
	line-height: 27px;
	text-align: center;
	font-size: 14px
}
.yftSearch .yftSearch-1-2{
	width: 52px;
	height: 27px;
	color: #FF6700;
	line-height: 27px;
	text-align: center;
	font-size: 14px
}
.yftSearch .yftSearch-2-1{
	border: 2px solid #FF6700;
	height: 38px;
   border-radius: 0px 3px 3px 0px;
	
}
.yftSearch .yftSearch-2-1 button{
	background-color: #FF6700;
	height: 38px;
	width: 61px;
	float: right;
}
.yftSearch .yftSearch-2-1 button img{
	width: 20px;
	height: 20px;
}
.yftSearch .yftSearch-2-1 input{
  padding-left: 5px;
  padding-top: 10px;
  color: gray;
}
.yftNav{
	width: 100%;
	height: 50px;
	background-color: #4e433d;
	margin-top: 26px;
}
.grid-12 li{
float: left;
font-size: 16px;
color: white;
width: 118px;
text-align: center;
line-height: 50px;
}
.grid-12 li:hover{
	background-color: #675D57;
}
.grid-12 .yftNavLeft {
	position: relative;
}
.grid-12 .yftNavLeft .yftNav-category{
	width: 200px;
	height: 458px;
	border:1px solid gainsboro;
	/*border-right: 0px;*/
	border-top: 0px;
	position: absolute;
	/*position: relative;*/
	background-color: #fff;
}

.grid-12 .yftNavLeft .yftNav-category div{
   width: 100%;
   height: 57px;
    /*position: relative;*/
   color: black;
}
.grid-12 .yftNavLeft .yftNav-category div:hover{
		border-right: 1px solid white;
}
.grid-12 .yftNavLeft .yftNav-category div div:hover{
	border: 1px solid black;
	border-right: 1px solid white;
	z-index: 200;
	position: relative;
}
.grid-12 .yftNavLeft .yftNav-category div p{
	float: left;
	margin-top: 8px;
	margin-left: 12px;
	height: 20px;
    line-height: 20px;
	margin-right: 100px;
	font-size: 14px;
}
.grid-12 .yftNavLeft .yftNav-category div .last{
	float: left;
	height: 20px;
	margin-top: 5px;
	
}
.grid-12 .yftNavLeft .yftNav-category div .last span{
	float: left;
  color: #999999;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  margin-left: 12px;
}
.grid-12 .yftNavLeft .yftNav-category .last-hide{
	height: 457px;
	width: 792px;
	position: absolute;
	border: 1px solid black;
	/*border-left: 0px;*/
	border-top: 0px;
	background-color: white;
	left: 201px;
	top: 0px;
}
.grid-12 .yftNavLeft .yftNav-category .last-hide:hover{
	color: #ff6700;
}
.grid-12 .yftNavLeft .yftNav-category .last-hide section{
  margin: 20px;
  width: 460px;
}
.grid-12 .yftNavLeft .yftNav-category .last-hide section a:hover{
color: #ff6700;
}
/*办公用品*/
.grid-12 .yftNavLeft .yftNav-category .last-hide .last-hide-1{
	height: 70px;
	
}
.yftNav-category .last-hide .last-hide-1 .last-hide-a{
	float: left;
	height: 16px;
	line-height: 16px;
	color: black;
}
.yftNav-category .last-hide .last-hide-1 .last-hide-ul{
	margin-left: 100px;
	width: 360px;
	height: 70px;

}
.yftNav-category .last-hide .last-hide-1 .last-hide-ul li{
	float: left;
	width: 90px;
	height: 20px;
	line-height: 20px;
	color: black;
	font-size: 12px;
}
.yftNav-category .last-hide .last-hide-1 .last-hide-ul li:hover{
	background-color: white;
	color: #ff6700;
}
.grid-12 .yftNavLeft .yftNav-category .last-hide .last-hide-2{
	
	height: 50px;
}

.yftNav-category .last-hide .last-hide-2 .last-hide-a{
	float: left;
	height: 16px;
	line-height: 16px;
	color: black;
}
.yftNav-category .last-hide .last-hide-2 .last-hide-ul{
	margin-left: 100px;
	width: 360px;
	height: 70px;
}
.yftNav-category .last-hide .last-hide-2 .last-hide-ul li{
	float: left;
	width: 90px;
	height: 20px;
	line-height: 20px;
	color: black;
	font-size: 12px;
}
.yftNav-category .last-hide .last-hide-2 .last-hide-ul li:hover{
	background-color: white;
	color: #ff6700;
}
/*3*/
.grid-12 .yftNavLeft .yftNav-category .last-hide .last-hide-3{
	
	height: 50px;
}
.yftNav-category .last-hide .last-hide-3 .last-hide-a{
	float: left;
	height: 16px;
	line-height: 16px;
	color: black;
}
.yftNav-category .last-hide .last-hide-3 .last-hide-ul{
	margin-left: 100px;
	width: 360px;
	height: 70px;
}
.yftNav-category .last-hide .last-hide-3 .last-hide-ul li{
	float: left;
	width: 90px;
	height: 20px;
	line-height: 20px;
	color: black;
	font-size: 12px;
}
.yftNav-category .last-hide .last-hide-3 .last-hide-ul li:hover{
	background-color: white;
	color: #ff6700;
}
/*4*/
.grid-12 .yftNavLeft .yftNav-category .last-hide .last-hide-4{
	
	height: 50px;
}
.yftNav-category .last-hide .last-hide-4 .last-hide-a{
	float: left;
	height: 16px;
	line-height: 16px;
	color: black;
}
.yftNav-category .last-hide .last-hide-4 .last-hide-ul{
	margin-left: 100px;
	width: 360px;
	height: 70px;
}
.yftNav-category .last-hide .last-hide-4 .last-hide-ul li{
	float: left;
	width: 90px;
	height: 20px;
	line-height: 20px;
	color: black;
	font-size: 12px;
}
.yftNav-category .last-hide .last-hide-4 .last-hide-ul li:hover{
	background-color: white;
	color: #ff6700;
}
/*5*/
.grid-12 .yftNavLeft .yftNav-category .last-hide .last-hide-5{
	
	height: 50px;
	
}
.yftNav-category .last-hide .last-hide-5 .last-hide-a{
	float: left;
	height: 16px;
	line-height: 16px;
	color: black;
}
.yftNav-category .last-hide .last-hide-5 .last-hide-ul{
	margin-left: 100px;
	width: 360px;
	height: 70px;
	
}
.yftNav-category .last-hide .last-hide-5 .last-hide-ul li{
	float: left;
	width: 90px;
	height: 20px;
	line-height: 20px;
	color: black;
	font-size: 12px;
}
.yftNav-category .last-hide .last-hide-5 .last-hide-ul li:hover{
	background-color: white;
	color: #ff6700;
}
.grid-12 .yftNavLeft .yftNav-category .last-hide .last-hide-6{
	width: 240px;
	height: 380px;
	float: right;
	margin-top: -370px;
}
.grid-12 .yftNavLeft .yftNav-category .last-hide .last-hide-6 img{
	width: 240px;
	height: 180px;
}
.yftNav .grid-12 .yftNav-content{
	border: 1px solid salmon;
	border-top: 0px;
	height: 200px;
	width: 100%;
	position: absolute;
	left: 0;
	background-color: white;
	z-index: 500;
	
}
.yftNav-content .yftNavChannel-img .loneliness{
  	width: 50px;
	height: 20px;
	border: 1px solid lightgray;
	margin-top: 160px;
	margin-left: 20px;
	color: gray;
	line-height: 20px;
	font-size: 14px;
}
.yftNav-content .yftNavChannel-img .loneliness:hover{
     color: #ff6700;
}
.yftNav-content .yftNavChannel-img li{
	width: 220px;
	height: 148px;
	border-left: 1px  solid gainsboro;
    background-color:white;
	margin-top: 30px;
	text-align: center
}
.yftNav-content .yftNavChannel-img li:hover{
  background-color: #fafafa;
}
.yftNav-content .yftNavChannel-img li:hover p{
color: #ff6700;
}
.yftNav-content .yftNavChannel-img li p{
	margin-top: -20px;
  font-size: 16px;
	color: black;
}
/*首页名片*/
.breadCrumbs{
	margin-top: 20px;
}
 .breadCrumbs>a{
     color: #999999;
 }
 .breadCrumbs>span{
	 color: #666666;
 }
 .breadCrumbs>a:hover{
	    color: #666666;
 }
   .TSG-title{
    width: 100%;
	height: 20px;
	position: relative;
	border-top:1px solid #e7e7e7; 
	margin-top: 68px;
   }   
.TSG-title div{
	font: 24px/1 '微软雅黑';
    position: absolute;
	top: -18px;
	left: 40%;
	width: 224px;
	height: 30px;
	line-height: 30px;
	background-color: white;
	text-align: center;
}
.tabList{
	 position: absolute;
	 background-color: white;
	text-align: center;
	right: 0;
	width: 180px;
	height: 30px;
	line-height: 30px;
	top: -18px;
}
.tabList li{
	float: left;
    width: 60px;
	height: 30px;
	line-height: 30px;
	 color: #666666;
}
.tabList li a:hover{
  color: #ff6700;
}
.TSG-content{
	width: 100%;
	height: 296px;
	margin-top: 20px;
}
.TSG-content div{
height: 296px;
width: 280px;
border-bottom: 1px solid  #e7e7e7;

float: left;
margin-left: 20px;
}
.TSG-content div:hover{
	border-bottom: 1px solid  white;
	margin-top: -3px;
	box-shadow: 10px 10px 10px lightgrey;
}
.TSG-content div img{
	height: 210px;
     width: 280px;
}
 .TSG-content div .TSG-content-p1{
	 margin-top: 10px;
	 font-size: 14px;
 }
 .TSG-content div .TSG-content-p2{
     float: right;
      margin-right: 15px;
	  font-size: 20px;
	  color: #ff6700;
	  margin-top: 25px;
 }

.TSG-open{
	margin: 20px auto;
	width: 378px;
	height: 32px;
	border: 1px solid #e7e7e7;
	text-align: center;
	line-height: 32px;
}
/*选用我们的设计做印刷*/
.Bg-fafafa{
	width: 100%;
	background-color: #fafafa;
	height: 800px;
	margin-top: 50px;
	box-sizing: border-box;
	padding-top: 20px;
}
.Bg-fafafa-p{
	
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font: 24px/1 '微软雅黑';
}
.Bg-fafafa .Bg-fafafa-span{
	float: right;
	font-size: 14px;
	color: #666666;
	margin-top:-25px;
}
.Bg-fafafa .Bg-fafafa-span:hover{
	color: #ff6700;
}
.Bg-list{
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-top: 10px;

}
.Bg-list span{
	display: inline-block;
  font-size: 18px;
  color: #cccccc;
  width: 140px;
  border-bottom:2px solid #cccccc;
}
.Bg-list span:hover{
	color: #ff6700;
	 border-bottom:2px solid #ff6700;
}
.picture{
	margin-top: 20px;
	width: 100%;
	height: 640px;
}
.picture li{
        width: 218px;
		height:198px;  
		border: 1px solid white;
		float: left;
		margin-left: 20px; 
		margin-bottom: 20px;
		background-color: white;
}
.picture li:hover{
	border: 1px solid #ff6700;
}
.picture li img{
	 height:  140px;
	 width: 218px;
}
.picture li p{
   font-size: 16px;
   margin-top: 18px;
   margin-left: 10px;
   color: #666666;
}
/*设计案例*/
       .DPlist-title{
		   height: 30px;
		   width: 100%;
		   border-bottom: 1px solid #e7e7e7;
		   margin-top: 40px;
	   }
.DPlist-title li{
       	display: inline-block;
		   text-align: center;
		   height: 30px;
           font-size: 18px;
            color: #666666;
           width: 140px;
            border-bottom:2px solid #cccccc;    
}
.DPlist-title li:hover{
	color: #ff6700;
	 border-bottom:2px solid #ff6700;  
}
.DPlist-title .DPlist-title-li{
         float: right;
		   font-size: 16px;
		  border-bottom:0px solid #666666;   
}
.DPlist-title .DPlist-title-li:hover{
	 border-bottom:0px solid #ff6700;  
}
.DPlist-content{
	width: 100%;
	height: 280px;
   margin-top: 20px;
}
.DPlist-content .gird-2{
	height: 280px;
	width: 280px;
	background-color: #fafafa;
	float: left;
	margin-left: 20px;
	position: relative;
	
}
.DPlist-content .gird-2 img{
	width: 280px;
	height: 210px;
}
.DPlist-content .gird-2 p{
	margin-top: 20px;
	font-size: 16px;
	margin-left: 10px;
}
.DPlist-content .gird-2 p:hover{
	color: #ff6700;
}
.DPlist-content .gird-2 span{
	display: inline-block;
	width: 100%;
	height: 20px;
	background-color: black;
	opacity: 0.5;
	text-align: center;
	top: 190px;
	line-height: 20px;
	z-index: 20;
	left: 0;
	color: white;
	
position: absolute;
}
/*页脚*/
			 .footer-fw{
				 width: 100%;
				 height: 64px;
            line-height: 64px;
			 }
			 .footer-fw li{
				 width: 20%;
				 text-align: center;
				 float: left;
			 }
			  .footer-fw li a{
              color: #b0b0b0;
			  font-size: 16px;
			  }
			  .footer-fw li a:hover{
				  color: #ff6700;
			  }
			  .yftAboutUs{
              width: 100%;
			  height: 60px;
			  border-top: 2px solid #ff6700;
			  text-align: center
			  }
			  .yftAboutUs p a:hover{
                color: #ff6700;
			  }
			  .footer{
				  margin-top: 20px;
				  border-top:1px solid gainsboro; 
				  width: 100%;
				  height: 100px;
				  color: lightgray;
				  box-sizing: border-box;
				  padding-top: 10px;
			  }
			   .footer a{
				  
				    color: #b0b0b0;
					margin: 10px;
			   }
			   .footer a:hover{
				   color: #ff6700;
			   }
			   .footer-ul{
				   margin-top: 10px;
			   }
			   .footer-ul li{
                   float: left;
			   }
